<template>
  <section>
    <el-card shadow="never" class="cardBox">
      <div slot="header" class="clearfix">
        <span>报价单信息</span>
      </div>
      <el-form inline label-width="150px">
        <el-row type="flex" justify="space-between">
          <el-form-item label="报价单编号：">{{ data.offer_no }}</el-form-item>
          <el-form-item label="报价单类型：">{{ data.offer_type === 'sale' ? '售电' : '购电' }}</el-form-item>
          <el-form-item label="交易周期：">{{ data.offer_tpno }}</el-form-item>
        </el-row>
      </el-form>
    </el-card>
  </section>
</template>
<script lang='ts'>
import { Vue, Component, Watch, Prop } from "vue-property-decorator";
import BaseSlot from "@/components/BaseSlot.vue";
import Constant from "@/lib/Constant";

@Component
export default class MyApplication extends Vue {
  @Prop()
  protected data: any = {
    offer_no: "",
    offer_type: "",
    offer_tpno: ""
  };
}
</script>

<style lang="scss" scoped>
.mr_vertical_10 {
  margin: 10px 0;
}
.fontStyle {
  color: #077be8;
  line-height: 36px;
}
.cardStyle {
  .el-card {
    background: rgba(7, 123, 232, 0.05);
    .fontStyle {
      color: #077be8;
      font-size: 16px;
      line-height: 36px;
    }
    .numberStyle {
      font-size: 24px;
      margin-top: 10px;
    }
  }
}
</style>


